Rotozoomer

[bitl]

Написано ради прикола в процессе спора на одном форуме, может кого-то позабавит

1 вариант

http://www.labinsk.ru/tmp/rotozoom/rotozooma.html

2 вариант (корректно работает только в Firefox, поскольку отключить сглаживание при масштабировании канваса можно только в нём)

http://www.labinsk.ru/tmp/rotozoom/rotozooma2.html

однако результат более интересный

3 вариант (эротический )

http://www.labinsk.ru/tmp/rotozoom/fapzoom/

Этот эффект основан на фидбэке. Тоесть отрисовка кадра на основе предыдущего. Код очень прост. Можно поэкспериментировать и придумать другие интересные эффекты базирующиеся на данном принципе.

[dostel1]

bitl

где можно научится подобным трюкам?

[bitl]

bitl

где можно научится подобным трюкам?

Незнаю Я вообще демосценер ( http://ru.wikipedia.org/wiki/Демосцена ), давно занимаюсь компьютерной графикой в данном направлении, поэтому иногда балуюсь реализацией некоторых классических эффектов на JavaScript.

Научиться можно изучая компьютерную графику, наверное ) Именно эффект зума/поворота с фидбэком достаточно просто понять глянув в сорц моих примеров. Далее можно экспериментировать.

Вот пример "ротозумера" http://www.bel.fi/~alankila/rotzoomer.html (в Опере и Хроме работает отлично, в ФФ у некоторых тормозит почему-то) который основан на классическом коде с Амиги начала 90-х. Но код сложен для понимания, поэтому я и предложил свой вариант, который наглядно показывает как это происходит.

Вот ещё интересный эффект - http://www.bel.fi/~alankila/plasma.html - интерференционная плазма. Думаю разбор алгоритма будет сложен для начинающего, но полюбоваться и потыкать опции интересно.

Edited January 6, 2012 by bitl